.banner { width:100%; min-width:1100px; position:relative; overflow:hidden; z-index:2; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#F5F5F5; display:none; }
.banner li:first-child { display:block; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:100%; height:44px; text-align:center; position:absolute; left:0; bottom:34px; z-index:3;  }
.banner .tip span { display:inline-block; vertical-align: bottom; width:18px; height:18px;border-radius: 9px;  line-height:0;  background-color: #fff;
                margin:12px 5px 0; cursor:pointer;  transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.banner .tip span.cur {  background-color: #00AEFF;  width: 45px;}
.banner, .banner ul,.banner img { height:460px; }
.banner.mini, .banner.mini ul, .banner.mini img { height:300px; }